<template>
  <div class="fishDetail">
    <ul>
      <li v-for="(item,index) in jLDetail" :key="index">
        <div class="top">
          <span class="from">{{item.Ms}}奖励</span>
          <span class="time">{{item.AddTime.toString().split(' ')[0]}}</span>
        </div>
        <div class="number">+{{item.JLCount}}</div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  computed: {},
  props: {
    jLDetail: {}
  },
  mounted() {
    // setTimeout(() => {
    //   console.log(this.jLDetail.slice(0, 10));
    // }, 200);
  }
};
</script>
<style lang="stylus" scoped>
.fishDetail {
  width: 7.04rem;
  margin: 0 auto;
  background: #FFF;
  border-radius: 0.2rem;

  ul {
    box-sizing: border-box;
    padding: 15px;
    height: 10.4rem;
    overflow: scroll;

    li {
      margin-bottom: 15px;

      .top {
        line-height: 0.6rem;

        .from {
          font-size: 14px;
        }

        .time {
          font-size: 10px;
          float: right;
        }
      }

      .number {
        line-height: 0.5rem;
        font-size: 16px;
        text-align: right;
        color: #FF7200;
      }
    }
  }
}
</style>

